<!-- src/App.vue -->
<template>
  <div>
    <Header1 />
    <Nav />
  <div id="app11" class="layout">
    
    <div class="content-area">
      <!-- 这里放置你的主要内容 -->
      <h1>土地革命战争时期</h1>
      <p>
      　　1927年大革命失败后，国民党在全国范围内建立了代表地主阶级、买办性大资产阶级利益的一党专政和军事独裁统治。面对极端的白色恐怖，中国共产党人毅然举起独立领导武装斗争和土地革命的旗帜，带领人民群众同国民党反动统治进行英勇的抗争。中国革命由此进入土地革命战争时期，中国共产党人经过艰难探索，开辟了中国革命的新道路。
</p>
<p>
      　　1927年8月1日南昌起义爆发，打响了武装反抗国民党反动派的第一枪，这是中国共产党独立领导革命战争、创建人民军队和武装夺取政权的开端。8月7日中共中央在汉口秘密召开紧急会议（即八七会议），确定了实行土地革命和武装起义的方针。
</p>
<p>
      　　9月9日，毛泽东等领导了湘赣边界秋收起义；12月11日，中共广东省委书记张太雷和叶挺、叶剑英等领导了广州起义。从1927年大革命失败到28年初，中国共产党还先后在海陆丰、琼崖、鄂豫边、赣西南、湘南、湘鄂西、闽西、陕西等地区领导了近百次武装起义。
</p>
<p>
　　秋收起义部队在攻打长沙受挫后，毛泽东果断决定向敌人控制比较薄弱的农村转移。1927年10月7日，毛泽东率秋收起义部队抵达江西宁冈县茅坪，开始了创建井冈山农村革命根据地的斗争。从进攻大城市到向农村进军，是中国人民革命史上具有决定意义的新起点。井冈山根据地的建立，点燃了工农武装割据的星星之火，为中国革命开辟出了农村包围城市、武装夺取政权的新道路。
</p>
<p>
　　随着革命新道路的开辟，中国革命开始走向复兴。到1930年夏，共产党领导人民群众建立了井冈山、赣南、闽西、湘鄂西、鄂豫皖、闽浙赣、湘鄂赣、湘赣、广西的左右江、广东的东江和琼崖等大小十几块农村根据地，红军发展到约7万人，连同地方武装共约10万人。红军游击战争实际上已经成为中国革命的主要形式，农村根据地成为积蓄和锻炼革命力量的主要战略阵地。
</p>
<p>
　　1931年11月，中华苏维埃第一次全国代表大会在江西瑞金召开，成立了中国历史上第一个全国性的工农民主政权，即中华苏维埃共和国临时中央政府，毛泽东当选为主席。
</p>
<p>
　　中国革命的复兴和发展不是一帆风顺的。从1927年7月大革命失败到1935年1月遵义会议召开前，“左”倾错误先后三次在党中央领导机关取得了统治地位，尤其是以王明为代表的“左”倾教条主义错误使中国革命遭受严重挫折。由于红军在第五次反“围剿”作战中遭到失败，1934年10月，中共中央、中革军委率中央红军主力等8.6万余人。
踏上战略转移的漫漫征程，开始了世界历史上前所未有的壮举——长征。1935年3月、4月，红四方面军从川陕根据地出发长征。同年11月，红二、六军团（后组成红二方面军）从湘鄂川黔根据地出发长征。
长征初期，原来推行“左”倾错误路线的中央领导人，在实行突围和战略转移时，又犯了退却中的逃跑主义错误，致使中央红军遭受重大损失。1935年1月15日至17日，中共中央在遵义召开政治局扩大会议，集中解决了当时具有决定意义的军事和组织问题，事实上确立了毛泽东在党中央和红军的领导地位，开始确立以毛泽东为主要代表的马克思主义正确路线在党中央的领导地位，开始形成以毛泽东同志为核心的第一代中央领导集体。遵义会议是党的历史上一个生死攸关的转折点，开启了中国共产党独立自主解决中国革命实际问题的新阶段。
</p>
<p>
　　遵义会议后，中央红军采取灵活机动的战略战术，四渡赤水河、巧渡金沙江、强渡大渡河、飞夺泸定桥、翻越夹金山、经过茫茫草地，历尽艰险，从1935年10月19日，中央红军到达陕北吴起镇，11月初与红十五军团会合，中央红军主力行程二万五千里、纵横11个省的长征胜利结束。1936年10月9日，红四方面军指挥部到达甘肃会宁，红一方面军会合同。22日，红二方面军指挥部到达甘肃隆德将台堡（今属宁夏），同红一方面军会合。至此，三大主力红军的长征胜利结束。长征的胜利，宣告了中国共产党和红军实现北上抗日的战略转移，实现了中国共产党和中国革命事业从挫折走向胜利的伟大转折。
</p>
<p>
　　从大革命失败到全民族抗日战争前夕这十年，是中国共产党在极端困难的条件下坚持斗争并达到政治上成熟的重要时期。中国共产党的优秀分子们在常人难以想象的险恶环境中，始终表现出对未来充满信心的革命乐观主义和不屈不挠的顽强毅力，沉着应对，奇迹般地度过最黑暗的时刻，开创了中国革命的新局面。
      </p>
      <!-- 其他内容 -->
    </div>
    <div class="sidebar">
  <div class="sidebar-section">
    <h2>影音资料</h2>
    <ul>
      <li><a href="https://www.bilibili.com/video/BV127411X7BV/"><img src="../../../../../public/206.jpg" class="tu1"><p>土地革命时期音频</p></a></li>
      <li><a href="https://www.bilibili.com/video/BV1L34y1S72P/?p=7"><img src="../../../../../public/207.jpg" class="tu1"><p>土地革命时期视频</p></a></li>
    </ul>
  </div>
  <hr class="section-divider"> <!-- 分隔线 -->
  <div class="sidebar-section">
    <h2>背景资料</h2>
    <ul>
      <li>
        <a href="http://peoplehero.wust.edu.cn/index.php/View/162.html">
          <div class="background-info">
            <img src="../../../../../public/208.png" alt="八七会议与起义建军">
            <p class="zi">八七会议与起义建军（1927年）</p>
          </div>
        </a>
        <hr class="red-line">
      </li>
      <li>
        <a href="http://peoplehero.wust.edu.cn/index.php/View/163.html">
          <div class="background-info">
            <img src="../../../../../public/209.jpg" alt="井冈山等农村革命根据地的建立">
            <p class="zi">井冈山等农村革命根据地的建立</p>
          </div>
        </a>
        <hr class="red-line">
      </li>
      <li>
        <a href="http://peoplehero.wust.edu.cn/index.php/View/903.html">
          <div class="background-info">
            <img src="../../../../../public/210.jpg" alt="三湾改编和古田会议">
            <p class="zi">1927年9月三湾改编和1929年12月古田会议</p>
          </div>
        </a>
        <hr class="red-line">
      </li>
      <li>
        <a href="http://peoplehero.wust.edu.cn/index.php/View/904.html">
          <div class="background-info">
            <img src="../../../../../public/211.jpg" alt="中国共产党第六次全国代表大会">
            <p class="zi">中国共产党第六次全国代表大会</p>
          </div>
        </a>
        <hr class="red-line">
      </li>
      <li>
        <a href="http://peoplehero.wust.edu.cn/index.php/View/907.html">
          <div class="background-info">
            <img src="../../../../../public/212.jpg" alt="红军反“围剿”战争">
            <p class="zi">红军反“围剿”战争（中央苏区五次、鄂豫皖苏区三次）</p>
          </div>
        </a>
        <hr class="red-line">
      </li>
    </ul>
  </div>
</div>
</div>
<Footer1 />
  </div>
</template>

<style>
/* 全局样式 */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
.tu1{
  width: 150px;
}
.zi{
  font-size: 13px;
}
.layout {
  display: flex;
  justify-content: space-between; /* 内容区域和侧边栏之间的间距 */
  margin-left: 150px; /* 左边距150px */
  margin-right: 150px; /* 右边距150px */
  padding: 20px; /* 内边距20px */
  background-color: #ffffff; /* 背景颜色 */
}
hr{
  margin-left: 0;
  width: 200px;
}
.content-area {
  flex: 3; /* 内容区域占据3份空间 */
  padding: 20px;
}

.sidebar {
  flex: 1; /* 侧边栏占据1份空间 */
  padding: 20px;
  background-color: #f4f4f4;
}
.sidebar h2 {
  color: #b71c1c; /* 红色字体 */
  border-bottom: 2px solid #b71c1c; /* 红色横线 */
  display: inline-block; /* 使横线和文字对齐 */
  padding-bottom: 5px; /* 与横线之间的间隙 */
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
}

.sidebar li {
  margin-bottom: 20px;
}

.background-info {
  display: flex;
  align-items: center; /* 垂直居中 */
}

.background-info img {
  width: 100px; /* 图片宽度 */
  height: auto;
  margin-right: 10px; /* 图片与文字之间的间隙 */
}

.background-info p {
  margin: 0; /* 移除默认的外边距 */
}

.red-line {
  width: 100%; /* 横线宽度 */
  height: 2px; /* 横线高度 */
  background-color: #b71c1c; /* 红色 */
  margin: 10px 0; /* 与列表项之间的间隙 */
}
.section-divider {
  border: none;
  border-top: 1px solid #000000; /* 黑色分隔线 */
  margin: 20px 0; /* 分隔线与模块之间的间隙 */
}
.sidebar a {
  text-decoration: none;
  color: #000000;
}

.sidebar a:hover {
  text-decoration: underline;
  color: #ff2222;
}
</style>

<script>
import Header1 from '@/modules/module2/module2-tudi/components/Header1.vue';
import Nav from '@/modules/module2/module2-tudi/components/Nav.vue';
import Footer1 from '@/modules/module2/module2-tudi/components/Footer1.vue';
export default {
  components: {
    Header1,
    Nav,
    Footer1
  }
}
</script>